<template>
    <div class="BoughtACar-box">
        
        <div class="header">
            <div class="header-return">
                <img src="./../../assets/images/my/BoughtACar-left-arrow.jpg" alt="" class="left-arrow-img">
                返回
            </div>
            <div class="header-title">我的买车</div>
            <img src="./../../assets/images/my/BoughtACar-Refresh.jpg" alt="" class="refresh-img">
        </div>
        <img src="./../../assets/images/my/BoughtACar-No.jpg" alt="" class="no-img">
        <div class="tips">您还没有买到的车，去挑挑看吧</div>
        <div class="look">去看看</div>
        <img src="./../../assets/images/my/BoughtACar-consulting-service.jpg" alt="" class="consulting-service-img">
    </div>
</template>
<style lang="less" scoped>
.BoughtACar-box{
    width: 100vw;
    height: 100vh;
    background: #f7f7f9;
    position: relative;
    .header{
        // width: 100vw;
        height: 98px;
        border: 2px solid #f0f0f0;
        display: flex;
        align-items: center;
        font-size: 34px;
        color: #000;
        overflow: hidden;
        .header-return{
            margin-left: 31px;
            margin-right: 192px;
            .left-arrow-img{
            width: 21px;
            height: 38px;
            vertical-align: center;
        }
        
        }
        .header-title{
            margin-right: 234px;
        }
        .refresh-img{
            width: 40px;
            height: 42px;
            display: block;
            vertical-align: center;
        }
    }
    .no-img{
        width: 203px;
        height: 197px;
        margin-left: 289px;
        margin-top: 336px;
        margin-bottom: 62px;
    }
    .tips{
        width: 100vw;
        height: 26px;
        text-align: center;
        line-height: 26px;
        margin-bottom: 58px;
    }
    .look{
        width: 238px;
        height: 66px;
        border-radius: 50px;
        font-size: 26px;
        text-align: center;
        line-height:66px;
        color:#f8713d;
        border: 2px solid #f8713d;
        margin: 0 auto;
    }
    .consulting-service-img{
        width: 114px;
        height: 113px;
        position: absolute;
        left: 612px;
        top: 1190px;
    }
}
</style>